<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>展示服务器状态</title>
    <script src="../layui/layui.all.js"></script>
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
<table id="demo" lay-filter="test"></table>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 450
            ,url: '/status' //数据接口
           /* ,response:{
                statusCode:0,
                countName:'totalElements',
                dataName:'content'
            }*/
            ,toolbar: 'default'
            ,parseData: function(res){ //res 即为原始返回的数据
                return {
                    "code": 0, //解析接口状态
                    "msg": "", //解析提示文本
                    "count": res.totalElements, //解析数据长度
                    "data": res.content //解析数据列表
                };
            }
            ,page: true //开启分页
            ,cols: [[ //表头
                 {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'cpuUsage', title: 'cpu负载',sort: true, width:120}
                ,{field: 'memoryUsage', title: '内存使用率',sort: true, width:140}
                ,{field: 'diskUsage', title: '硬盘使用率',sort: true, width:140}
                ,{field: 'serverIp', title: '服务器ip地址', width:180}
                ,{field: 'createTime', title: '创建时间', width:180}

            ]]
        });

    });
</script>
</body>

</html>
